
        <style type="text/css">
        .container{
            padding: 0 !important;
            width: 100%;
            height: 50px;
            background: gray;
        }
        .container-btn{
            float: left;
            width: 33.3%;
            height: 100%;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            color: white;
        }
        .container-btn-checked{
            background: rgb(208, 205, 205);
        }
         body{
                background-color: gray;
            }
            .star{
                float: right;
                margin: 5px 5px 0 0;
            }
            .glyphicon{
                font-size: 20px;
                color: red;
            }
            .content{
                text-align: center;
                 padding-bottom: 49px !important;
            }
            .content .name{
                font-size: 30px;
                font-weight: bolder;
                padding-top: 50px;
                padding-bottom: 30px;
            }
            .usePeople-title{
                width: 90%;
                text-align: left;
                margin: 0 auto;
                margin-top: 10px;
            }
            .usePeople-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                /*border-radius: 5px;*/
            }
            .usePeople-cacel{
                width: 30%;
                float: left;
                margin: 50px 0 0 50px;
                border-radius: 5px;
                background-color: white !important;
                color: white;
            }
            .usePeople-save{
                 width: 30%;
                float: right;
                margin: 50px 50px 0 0;
                border-radius: 5px;
                background-color: rgb(21, 131, 230);
                color: white;

            }
            .empty{
                height: 100px;
            }
        </style>

        <div class="content">
            <div class="usePeople">
                <div class="usePeople-title">职位信息</div>
                <div class="usePeople-btn">
                    <div>所属公司</div>
                    <div>职位名称</div>
                    <div>工作地点</div>
                    <div>年薪范围</div>
                    <div>招聘人数</div>
                </div>
            </div>

            <div class="usePeople">
                <div class="usePeople-title">职位要求</div>
                <div class="usePeople-btn">
                    <div>公司简介</div>
                    <div>经验要求</div>
                    <div>学历要求</div>
                    <div>任职类型</div>
                    <div>岗位职责</div>
                </div>
            </div>

            <!-- <div class="usePeople-cacel">取消</div>

        <div class="usePeople-save">保存</div>
        -->
        <button type="button" id="usePeople-cacel" data-complete-text="取消成功!" class="btn btn-primary usePeople-cacel" autocomplete="off">取消</button>

        <button type="button" id="usePeople-save" data-complete-text="保存成功!" class="btn btn-primary usePeople-save" autocomplete="off">下一步</button>

        <!--  <div class="ui-poptips ui-poptips-success" style="display:none">        
        <div class="ui-poptips-cnt"> <i></i>
            保存成功
        </div>
        </div>
        -->
        <div class="empty"></div>
        </div>

        <nav class="navbar navbar-default navbar-fixed-bottom">
        <div class="container">
        <div class="container-btn" data-navbar = "index">我要推荐</div>
        <div class="container-btn container-btn-checked" data-navbar = "usePeople">我要用人</div>
        <div class="container-btn"  data-navbar = "user">个人中心</div>
        </div>
        </nav>

        <script type="text/javascript">

        var userInfo = true;
        $(".usePeople-save").on("click",function(){
            if(!userInfo){
                window.location.href = "userInfo";
            }else{
                window.location.href = "reward";
            }
            
        })
        $(".container-btn").on("click",function(){
            window.location.href = $(this).data('navbar');
        })
    </script>